#app{
    min-height: 100vh;
    overflow-x: hidden;
    background-image: url(../images/qiandao/bg.png);
    background-repeat: no-repeat;
    background-size: 7.67rem 7.14rem;
    background-position:-.07rem 0 ;
}

.title{
    text-align: center;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .35rem;
    color: #fff;
}

.date{
    display: flex;
    font-size: .36rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.date span{
    width: 1rem;
    height:1.25rem ;
    background: linear-gradient(0deg, #FFFFFF, #E6E2E1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #33E60A;
    font-weight: 600;
    font-size: .4rem;
    border-radius: .1rem;
    margin: 0 .1rem;
}

.tos{
    font-size: .24rem;
    color: #DDEDFF  ;
    text-align: center;
    margin: .28rem auto 0;
}
.tishi{
    width: 6.11rem;
height: .80rem;
background: linear-gradient(90deg, #006439, #20A529);
border-radius: .40rem;
margin: .6rem auto 0;
display: flex;
align-items: center;
font-size: .28rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
text-align: center;


}
.tishi::before{
    content: '';
    display: block;
    background-image: url(../images/qiandao/li.png);
    background-size: .38rem .38rem;
    width: .38rem;
    height: .38rem;
    margin-left: .3rem;
    margin-right: 1rem;
    background-position:left center ;
    background-repeat: no-repeat;
}

.box{
    width: 7.00rem;
min-height: 3.46rem;
background: #FFFFFF;
box-shadow: 0rem .06rem .30rem 0rem rgba(3, 119, 235, 0.1);
border-radius: .20rem;
margin: .6rem auto 0;
padding: .42rem 0 .3rem;
}

.box-title{
    font-size: .36rem;
    color: #333;
    text-align: center;
}
.box-title span{
   color:  #046C37;
}
.box-title-ss{
    font-size: .26rem;
font-weight: 400;
color: #000000;
opacity: 0.2;
text-shadow: 0rem 1rem 2rem rgba(255, 84, 0, 0.2);
text-align: center;
margin-top: .1rem;
}
.jindutiao{
    width: 6.24rem;
    height: .20rem;
    background: #C6FFB9;
    border-radius: .10rem;
    margin: .5rem auto;
    overflow: hidden;
}
.jindutiao .jindu{
    background: #39DC45;
    height: 100%;
}
.tian{
    display: flex;
    margin: 0 auto;
    width: 6.24rem;

}
.tian span{
    width: 16.66%;
    font-size: .24rem;
    color: #999999;
    text-align: right;
    padding-right: .2rem;

}
.tian span:first-child{
    text-align: left;
    padding-left: .2rem;
}
.choujiang{
    font-size: .26rem;
font-weight: 400;
color: #07BF72;
text-align: center;
margin-top: .1rem ;
}

.btn{
    width: 4rem;
    height: .88rem;
    border-radius: .44rem;
    margin: .3rem auto;
}

.guize{
    
color: #B8B9BF;
font-size: .3rem;
text-align: center;
margin-top: .2rem;
}